import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';

// nz-ant
import { NgZorroAntdModule } from 'ng-zorro-antd';

// module
import { WarpperModule } from './views/warpper/warpper.module';
import { ChartModule } from './views/chart/chart.module';
import { UserModule } from './views/user/user.module';
import { LoginModule } from './login/login.module';

// Service
import { AuthService } from './shared/service/auth.service';
import { WarpperService } from './shared/service/Warpper.service';
import { FunctionService } from './shared/service/function.service';
import { ChartsService } from './shared/service/charts.service';
import { UserService } from './shared/service/user.service';
import { LoginService } from './shared/service/login.service';

// component
import { TitlebarComponent } from './components/titlebar/titlebar.component';
import { TabbarComponent } from './components/tabbar/tabbar.component';


@NgModule({
  declarations: [
    AppComponent,
    TitlebarComponent,
    TabbarComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AppRoutingModule,
    NgZorroAntdModule.forRoot(),
    WarpperModule,
    ChartModule,
    UserModule,
    LoginModule
  ],
  providers: [
    AuthService,
    WarpperService,
    FunctionService,
    ChartsService,
    UserService,
    LoginService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
